<template>
  <div>
      <div>总页码{{total}}</div>
    <input type="text" v-model="getPage">
    <input type="button" value="下一页" @click="next()">
  </div>
</template>

<script>
export default {
  name: 'page',
  data () {
      return {

      }
  },
  props:{
      total:{
          type: Number,
          default: 0
      }
  },
  methods: {
      next () {
          this.$store.dispatch('changePageActions',++this.getPage);
      }
  },
  computed:{
      getPage () {
          return this.$store.state.page.currents; 
      }
  }
}
</script>

<style>

</style>
